<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	</head>
	<body>
		
		<div class="navlist">
			
		</div>
		<div class="navli">
				<a href="index.html">首　页</a>
				<a href="project.html">产品介绍</a>
				<a href="tryout.html">免费试用</a>
				<a href="agent.html">代理加盟</a>
				<a href="about.html">关于我们</a>
				<div class="down">
					<p>- 小辞店商户APP下载 -</p>
					<a>Android下载</a>
					<a>App Store下载</a>
				</div>
			</div>
		
		<div class="bodynav">
			
		
		
		<header class="flexBetween">
			<img class="logo" src="img/logo.png"><div class="navflow"><img class="navicon" src="svg/nav.svg"></img></div>
		</header>
		  
		  
		  <img src="img/agent.jpg" width="100%">
				
			
			<div class="agent" id="showscroll">
				
				<div class="agentli">
					<img src="img/icon_01.png" width="20px" /><em>零投入　</em>
				</div>
				<div class="agentli">
					<img src="img/icon_02.png" width="20px" /><em>高回报　</em>
				</div>
				<div class="agentli">
					<img src="img/icon_03.png" width="20px" /><em>全新模式</em>
				</div>
				<div class="agentli">
					<img src="img/icon_04.png" width="20px" /><em>远程培训</em>
				</div>
				<div class="agentli">
					<img src="img/icon_05.png" width="20px" /><em>互利双赢</em>
				</div>
				<div class="agentli">
					<img src="img/icon_06.png" width="20px" /><em>技术支持</em>
				</div>
			</div>
			<div class="agentbox">
				<p>- 报名条件 -</p>
			<img src="img/agentbg_2.png" width="100%"/>
			</div>
			
			<div class="agentfrom">
				<input type="text" placeholder="姓名">
				<input type="text" placeholder="手机号">
				<input type="text" placeholder="城市">
				<input type="text" placeholder="单位">
				<button type="button">报名</button>
			</div>
			
			<br/><br/><br/>
		  <div class="jion">
		  	<div>
		  		<a style="border: 1px solid #fff;background: transparent;" href="project.html">产品介绍</a>
		  		<a href="tryout.html">免费试用</a>
		  	</div>
		  	<div>
		  		<a href="agent.html">代理加盟</a>
		  		<a href="about.html">关于我们</a>
		  	</div>
		  </div>
		  <div class="copyright">
		  	<p><img src="img/code.jpg" width="160px" /></p>
		  	<p>长按二维码关注小辞店公众号</p>
		  	<br/><br/>
		  	<p>全国统一客服热线 / 400 - 882 - 7950</p>
			<p>Copyright Reserved 2014-2015 © 致翼网络科技</p>
			<p>沪ICP备16000763号-1</p>
		  </div>
		 
		  
		 
		  
		
		  
		  
		  
		
		</div>
		<script src="js/swiper.min.js"></script>
		<script type="text/javascript">
			$(function(){
				var swiper = new Swiper('.agent',{
					


				})
				
				
		
				


				
				
				
				$(".navflow").click(function(){
					$(".navlist").show();
					$(".navli,.bodynav").addClass("bodyleft")
					$(".header").addClass("bodyleft")
				});
				$(".navlist").click(function(){
					$(".navlist").hide();
					$(".navli,.bodynav").removeClass("bodyleft")
					$(".header").removeClass("bodyleft")
				})
				
				
				
				

					$("body").scroll(function() {
				    if ($("#showscroll").offset().top <= 0) {
				    	$("header").addClass("header")
				    } else{
				    	$("header").removeClass("header")
				    }
				  });			
		
			
			})
			
			
			
	
			
			
			
			
		</script>
	</body>
</html>
